<!doctype html>
<html>
    <head>
        <title>一起来画鸡吧！</title>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="keywords" content="终结者2,终结者,网易,竞技,手游,游戏,战斗,动作,枪战,射击,冒险,荒野,行动,CF,CS,王者,丛林,法则,百人,放逐,跳伞,枪,策略,3D,对战,穿越,火线">
<meta name="description" content="百万人同服！单局最高120人开黑！3D高清画质大世界，多元地形丰富场景，超震撼战场，快节奏枪战竞技体验；伏地硬刚听声辩位，紧张刺激血脉喷张！载具狂飙激情碰撞，与毒圈上演生死时速！百变装备自由搭配，尽显独门策略战术！《终结者2：审判日》将带给你极致的快节奏枪战竞技体验！ ">
<meta name="author" content="网易，NetEase Inc.">
<meta name="copyright" content="网易，NetEase Inc.">
<meta name="pmid" content="">
<meta name="editor" content="">
<meta name="designer" content="">
<meta name="front-end technicist" content="">
<meta name="applicable-device" content="mobile">
        <link rel="stylesheet" type="text/css" href="css/index.css">
    </head>
    <body>
    	<!--分享文案-->
    	<div id="share_content" style="display: none;">
    <h1 id="share_title" pub-name="分享标题">一起来画鸡吧！</h1>
    <div id="share_url" pub-name="分享链接"></div>
    <img id="share_pic" pub-name="分享图片" src="http://www.huihaicenter.com/www/test/20171026/img/share.jpg" alt="分享图">
    <div id="share_desc" pub-name="分享内容">《终结者2：审判日》战术竞技手游，一起来画鸡，赢Switch主机，海量ofo月卡免费拿！</div>
</div>

<!--横屏提示-->
<div id="forhorview">
	<p>推荐使用竖屏浏览哦~</p>
</div>
    	
    	<!--首页-->
    	<div class="page page-1">
	<a href="javascript:void(0);" class="logo" title="logo">
		<img src="img/logo.png" alt="logo">
	</a>
	<div class="banner"></div>
	<div class="btn-group">
		<a href="javascript:void(0);" title="画鸡" class="draw"></a>
		<a href="javascript:void(0);" title="看鸡" class="view"></a>
		<a href="javascript:void(0);" title="吃鸡" class="eat"></a>
	</div>
</div>
    	
    	<!--画板-->
    	<div class="page page-2">
	<a href="javascript:void(0);" class="back" data-target="1"></a>
	<div id="stage">
		<div class="chicken"></div>
		<div class="tools">
			<a href="javascript:void(0);" class="pen pen-1 on" title="小" data-value="12"></a>
			<a href="javascript:void(0);" class="pen pen-2" title="中" data-value="20"></a>
			<a href="javascript:void(0);" class="pen pen-3" title="大" data-value="28"></a>
			<a href="javascript:void(0);" class="eraser" title="橡皮" data-value=""></a>
		</div>
		<div class="blank">
			<div id="canvasContainer"></div>
		</div>
		<span class="ink"></span>
		<div class="colors">
			<a href="javascript:void(0);" class="color-1 on" data-value="#139823"></a>
			<a href="javascript:void(0);" class="color-2" data-value="#e83430"></a>
			<a href="javascript:void(0);" class="color-3" data-value="#f7c13e"></a>
			<a href="javascript:void(0);" class="color-4" data-value="#40b5eb"></a>
			<a href="javascript:void(0);" class="color-5" data-value="#010101"></a>
		</div>
	</div>
	<div class="btn-group">
		<a href="javascript:void(0);" class="redraw" title="重画"></a>
		<a href="javascript:void(0);" class="complete" title="画完抢码"></a>
	</div>
</div>

    	
    	<!--画作-->
    	<div class="page page-3">
	<a href="javascript:void(0);" class="back" data-target="2"></a>
	<span class="share"></span>
	<div class="result-box">
		
	</div>
</div>
    	
    	<!--排行榜-->
    	<div class="page page-4">
	<a href="javascript:void(0);" class="back" data-target="1"></a>
	<span class="chicken"></span>
	<img src="img/title-rank.png" alt="排行榜" class="title">
	<div class="tabs">
		<a href="javascript:void(0);" title="最热" class="hot" data-type="hot"></a>
		<a href="javascript:void(0);" title="最新" class="new" data-type="new"></a>
	</div>
	
	<div class="rank-box">
		<div class="tab-container">
			<ul class="lists clearfix"></ul>
			<p class="nodata">已经到底啦</p>
		</div>
		
		<div class="tab-container" style="display: none;">
			<ul class="lists clearfix"></ul>
			<p class="nodata">已经到底啦</p>
		</div>
		
	</div>
	
	
</div>
    	
    	<!--规则-->
    	<div class="page page-5">
	<a href="javascript:void(0);" class="back" data-target="1"></a>
	<div class="content">
		<img src="img/title-rule.png" alt="画鸡规则" class="title">
		<h3>活动时间</h3>
		<p class="time-1">2017年11月3日-2017年11月30日</p>
		<h3>活动奖励</h3>
		<p class="time-2">活动时间截止时</p>
		<ul class="rewards">
			<li>
				<img src="img/pic-1.png" alt="吃鸡大礼" class="thumb">
				<div class="header">
					<img src="img/reward-1.png" alt="吃鸡大礼">
				</div>
				<p>排行榜积分第一的画手获得  <em>Switch一台</em></p>
			</li>
			<li>
				<img src="img/pic-2.png" alt="灵魂画手" class="thumb">
				<div class="header">
					<img src="img/reward-2.png" alt="灵魂画手">
				</div>
				<p>排行榜积分2-5名的画手获得  <em>平底锅一个</em></p>
			</li>
			<li>
				<img src="img/pic-3.png" alt="天才画师" class="thumb">
				<div class="header">
					<img src="img/reward-3.png" alt="天才画师">
				</div>
				<p>排行榜积分6-10名的画手获得  <em>惨叫鸡一个</em></p>
			</li>
			<li>
				<img src="img/pic-4.png" alt="民间画家" class="thumb">
				<div class="header">
					<img src="img/reward-4.png" alt="民间画家">
				</div>
				<p>参与画鸡活动的画手随机抽取5万名玩家获得  <em>ofo月卡一张</em></p>
			</li>
		</ul>
		
		<div class="intro">
			<img src="img/intro.png" alt="活动说明" class="title-intro">
			<p>1）所有参与用户不得发布不健康内容，对不符合要求的作品将予以下架处理；</p>
			<p>2）积分规则，用户点赞一次获得5积分，点锤子一次扣除2积分；每人每天可点赞15次或砸小锤子15次，对同一人作品每天仅可点赞一次和砸锤一次；</p>
			<p>3）活动结束后网易终结者2手游官方会在5个工作日内通知获奖用户，请注意查收短信。</p>
			<p>4）本次活动严禁刷票，一经发现，将取消活动资格，排名作废。</p>
		</div>
		<p class="tip">*活动最终解释权归网易《终结者2：审判日》（电影官方大逃杀手游）所有</p>
	</div>
	
</div>
    	
    	<!--数据模板-->
    	<!--我的画作模板-->
<script type="text/html" id="works">
	<div class="works" data-cid="{{id}}">
		<span class="avatar">
			<img src="{{headerimg}}"/>
		</span>
		<p class="nickname">{{nickname}}</p>
		<img src="{{img}}" alt="画作" class="result"/>
		<span class="score">{{total}}<em>分</em></span>
	</div>
	<div class="btn-group">
		<a href="javascript:void(0);" class="zan like" title="点赞" data-type="1" data-wid="{{id}}"></a>
		<a href="javascript:void(0);" class="chui like" title="锤子" data-type="2" data-wid="{{id}}"></a>
	</div>
	
</script>

<!--列表模板-->
<script type="text/html" id="listTpl">
	{{each data as value i}}
	<li data-cid="{{value.id}}">
		<div class="works">
			<span class="avatar">
				<img src="{{value.headerimg}}"/>
			</span>
			<p class="nickname">{{value.nickname}}</p>
			<img src="{{value.img}}" alt="画作" />
			<span class="score">{{value.total}}<em>分</em></span>
		</div>
		<div class="btn-group">
			<a href="javascript:void(0);" class="zan like" title="点赞" data-type="1" data-wid="{{value.id}}"></a>
			<a href="javascript:void(0);" class="chui like" title="锤子" data-type="2" data-wid="{{value.id}}"></a>
		</div>
	</li>
	{{/each}}
</script>

<!--确认弹窗-->
<div class="layer" id="layer-1">
	<div class="phone-box">
		<p>每个人只能画一次哦<br>是否确认提交</p>
		<div class="btn-group">
			<a href="javascript:void(0);" class="confirm" title="确认"></a>
			<a href="javascript:void(0);" class="cancel" title="取消"></a>
		</div>
	</div>
</div>

<!--手机号弹窗-->
<div class="layer" id="layer-2">
	<div class="phone-box">
		<p>请输入手机号</p>
		<p class="tip">
			活动期间会抽取五万名玩家<br>通过短信发送终结者定制ofo月卡
		</p>
		<input type="tel" id="phone" maxlength="11">
		<a href="javascript:void(0);" title="提交" class="subForm"></a>
	</div>
</div>



    	
    	<div style="display:none;">
			<script src="https://s22.cnzz.com/z_stat.php?id=1267436917&web_id=1267436917" language="JavaScript"></script>
			<script>
				var _czc = _czc || [];
				_czc.push(['_setAccount', '1267436917']);
			</script>
		</div>
    	
        <!-- zepto mix NIE (最新版本）-->
        <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
        <script>document.write('<script src="http://www.huihaicenter.com/api/wx/jssdk.php?url=' + encodeURIComponent(window.location.href) + '"><\/script>');</script>
        <script src="https://cdn.bootcss.com/zepto/1.2.0/zepto.js"></script>
        <!--<script charset="utf-8" src="https://nie.res.netease.com/comm/js/zepto(mixNIE).last.js"></script>-->
        <script src="js/app/draw.extend.js?201711021300"></script>
        <script src="js/app/template.js"></script>
        <script src="js/app/html2canvas.js"></script>
        <script charset="utf-8" src="js/app/index.js?201711021300"></script>
    </body>
</html>
